.__panel__root{
    position: fixed;
    /* border: solid 1px gray; */
    border: solid 1px #0376C0;
    /* background-color: #FFF; */
	/* background-color: transparent; */
    min-width: 300px;
    /* min-height: 150px;    */
    min-height: 30px;   
	border-radius: 3px;

	overflow: hidden;
	
    /* position: fixed;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%); */
	
	/*Helvetica, Tahoma, "Heiti SC", */
	/* font-family:  Arial,  "Microsoft YaHei", "WenQuanYi Micro Hei"; */
	/* Xiaomi */
	font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}

.__panel__header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
	/* background-color: #337AB7; */
	background-color: #0376C0;
	/* opacity: 0.85; */
	/* background-image: url('images/head_bg_blue.png'); */
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.__panel__title {
    position: absolute;
    left: 0;
    top: 0;
    text-indent: 15px;
    line-height: 30px;
    height: 30px;
    font-size: 18px;
    color: white;
}

.__panel__title_cmd{
	float: right;
	height: 30px;
    line-height: 30px;
    font-size: 25px;
    cursor: pointer;
	color: white;
	margin-right: 15px;
}


.__panel__title_cmd:hover{
    font-weight: bold;
}

.__panel__content {
    position: absolute;
    top:30px;
    left: 0;
    right: 0;
    bottom: 50px;
    box-sizing: border-box;
	overflow: auto;
	background: #EEE;
	opacity: 0.9;
}

.__panel_footer {
    position: absolute;
    height: 50px;
    line-height: 50px;
    bottom:0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    text-align: right;
	padding-right: 20px;
	background: #EEE;
}


.btn{
	display:inline-block;
	padding:6px 12px;
	margin-bottom:0;
	font-size:14px;
	font-weight:400;
	line-height:1;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	cursor:pointer;
	border-radius:4px;
    border:1px solid transparent;
    user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.btn:hover{filter:alpha(Opacity=80);-moz-opacity:.8;opacity:.8}

.btn-dark
{
	color:#fff;
	background-color:#337ab7;
	border-color:#2e6da4!important;
}

.btn-dark:hover
{
	filter:alpha(Opacity=100)!important;
	-moz-opacity:1!important;
	opacity:1!important;
	background-color:#286090
}

.btn-light{color:#444;background-color:#fff;border:1px #ccc solid}
.btn-light:hover
{
	filter:alpha(Opacity=100)!important;
	-moz-opacity:1!important;
	opacity:1!important;
	background-color:#eaeaea!important;
	color:#333!important
}

.__panel_btn{
    margin-right: 10px;
}


/* -------------- layerFadeIn  --------------------- */

.showPanel[data-animation=layer-fadeIn]
{
	animation:layer-fadeIn .3s;
	-webkit-animation:layer-fadeIn .3s;
	-moz-animation:layer-fadeIn .3s;
	-ms-animation:layer-fadeIn .3s;
	-o-animation:layer-fadeIn .3s
}

.hidePanel[data-animation=layerFadeIn]
{
	animation:hideFadeIn .2s forwards;
	-webkit-animation:hideFadeIn .2s forwards;
	-moz-animation:hideFadeIn .2s forwards;
	-ms-animation:hideFadeIn .2s forwards;
	-o-animation:hideFadeIn .2s forwards
}

@keyframes layerFadeIn
{
	0% {
		opacity:0;
        transform:scale(.5);
	}
	100% {
		opacity:1;
		transform:scale(1);
	}
}
@-webkit-keyframes layerFadeIn
{
	0%{
		opacity:0;
		-webkit-transform:scale(.5);
	}
	100%{
		opacity:1;
		-webkit-transform:scale(1);
	}
}
@-moz-keyframes layerFadeIn
{
	0%{
		opacity:0;
		-moz-transform:scale(.5);
	}
	100%{
		opacity:1;
		-moz-transform:scale(1);
	}
}
@-ms-keyframes layerFadeIn
{
	0%{
		opacity:0;
		-ms-transform:scale(.5);
		filter:Alpha(opacity=0);
	}
	100%{
		opacity:1;
		-ms-transform:scale(1);
		filter:Alpha(opacity=100);
	}
}
@-o-keyframes layerFadeIn
{
	0%{
		opacity:0;
		-o-transform:scale(.5)
	}
	100%{
		opacity:1;
		-o-transform:scale(1)
	}
}

@keyframes hideFadeIn
{
	0%{
		opacity:1;
		transform:scale(1)
	}
	100%{
		transform:scale(.5);
		opacity:0
	}
}
@-webkit-keyframes hideFadeIn
{
	0%{
		opacity:1;
        -webkit-transform:scale(1);
	}
	100%{
		-webkit-transform:scale(.5);
        opacity:0;
	}
}
@-moz-keyframes hideFadeIn
{
	0%{
		opacity:1;
		-moz-transform:scale(1)
	}
	100%{
		-moz-transform:scale(.5);
		opacity:0
	}
}
@-ms-keyframes hideFadeIn
{
	0%{
		opacity:1;
		-ms-transform:scale(1)
	}
	100%{
		-ms-transform:scale(.5);
		opacity:0;
		filter:Alpha(opacity=0)
	}
}
@-o-keyframes hideFadeIn{
	0%{
		opacity:1;
		-webkit-transform:scale(1)
	}
	100%{
		-webkit-transform:scale(.5);
		opacity:0
	}
}
